<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>那家网-注册</title>
		<link rel="stylesheet" type="text/css" href="css/regsiter_style.min.css" />
		<script data-main="js/regsiter.min.js" src="js/require.min.js"></script>
	</head>

	<body>
		<div id="box">
			<!--头部开始-->
			<!--header_top开始-->
			<div id="header_top_box">
				<!--引入header_top  html-->
			</div>
			<!--header_top结束-->
			<div id="header_bottom">
				<div id="header">
					<a href="index.html">
						<img src="images/njLogo.jpg" />
					</a>
					<div class="right_bt">
						<p>
							<i>|</i> 欢迎注册
						</p>
					</div>
				</div>
			</div>
			<!--头部结束-->
			<!--主体开始-->
			<div id="nTab">
				<div class="nTnb_top">
					<p>用户注册</p>
				</div>
				<div class="nTnb_bottom">
					<div class="register_box">
						<ul>
							<li>
								<span class="regist_font"><i class="font_fe">*</i>用户名：</span>
								<div class="regist_item_ifo regist_item_ifo1">
									<input type="text" placeholder="请输入用户名" id="user">
									<img src="images/user1.jpg" />
									<div class="formError formError1" style="margin-top: 0px; opacity: 0.87;top: 5px; left: 285px;">
										<div class="formErrorContent">
											<label id="user_prompt" for="personalLoginName" class="error" style="display: block;">用户名由英文字母和数字组成的4-16位字符，以字母开头!</label>
										</div>
										<div class="formErrorArrow">
											<div class="line3"></div>
											<div class="line4"></div>
											<div class="line5"></div>
											<div class="line6"></div>
											<div class="line7"></div>
											<div class="line8"></div>
											<div class="line9"></div>
											<div class="line10"></div>
										</div>
									</div>
								</div>
							</li>
							<li class="pr">
								<span class="regist_font"><i class="font_fe">*</i>请设置密码：</span>
								<div class="regist_item_ifo regist_item_ifo2">
									<input id="pwd" type="password" placeholder="请输入密码">
									<img src="../dist/images/password1.jpg" />
									<div class="formError formError2" style="margin-top: 0px; opacity: 0.87;top: 5px; left: 285px;">
										<div class="formErrorContent">
											<label id="pwd_prompt" for="personalLoginName" class="error" style="display: block;"></label>
										</div>
										<div class="formErrorArrow">
											<div class="line3"></div>
											<div class="line4"></div>
											<div class="line5"></div>
											<div class="line6"></div>
											<div class="line7"></div>
											<div class="line8"></div>
											<div class="line9"></div>
											<div class="line10"></div>
										</div>
									</div>
								</div>
							</li>
							<li>
								<span class="regist_font"><i class="font_fe">*</i>请确认密码：</span>
								<div class="regist_item_ifo regist_item_ifo3">
									<input id="repwd" type="password" placeholder="请再次输入密码">
									<img src="../dist/images/password1.jpg" />
									<div class="formError formError3" style="margin-top: 0px; opacity: 0.87; display: none; top: 5px; left: 285px;">
										<div class="formErrorContent">
											<label id="repwd_prompt" for="personalLoginName" class="error" style="display: block;">两次输入密码不一致!</label>
										</div>
										<div class="formErrorArrow">
											<div class="line3"></div>
											<div class="line4"></div>
											<div class="line5"></div>
											<div class="line6"></div>
											<div class="line7"></div>
											<div class="line8"></div>
											<div class="line9"></div>
											<div class="line10"></div>
										</div>
									</div>
								</div>
							</li>
							<li>
								<span class="regist_font"><i class="font_fe"></i>邮箱：</span>
								<div class="regist_item_ifo regist_item_ifo4">
									<input id="email" type="text" placeholder="请输入邮箱">
									<div class="formError formError4" style="margin-top: 0px; opacity: 0.87; display: none; top: 5px; left: 285px;">
										<div class="formErrorContent">
											<label id="email_prompt" for="personalLoginName" class="error" style="display: block;"></label>
										</div>
										<div class="formErrorArrow">
											<div class="line3"></div>
											<div class="line4"></div>
											<div class="line5"></div>
											<div class="line6"></div>
											<div class="line7"></div>
											<div class="line8"></div>
											<div class="line9"></div>
											<div class="line10"></div>
										</div>
									</div>
								</div>
								<div class="regist_text" style="display: none;">完成验证后可以用邮箱登录和找回密码</div>
							</li>
							<li>
								<span class="regist_font"><i class="font_fe">*</i>手机：</span>
								<div class="regist_item_ifo regist_item_ifo5">
									<input id="mobile" type="text" placeholder="请输入手机">
									<img src="../dist/images/sj.jpg" />
									<div class="formError formError5" style="margin-top: 0px; opacity: 0.87; display: none; top: 5px; left: 285px;">
										<div class="formErrorContent">
											<label id="mobile_prompt" for="personalLoginName" class="error" style="display: block;">请输入正确的手机号码!</label>
										</div>
										<div class="formErrorArrow">
											<div class="line3"></div>
											<div class="line4"></div>
											<div class="line5"></div>
											<div class="line6"></div>
											<div class="line7"></div>
											<div class="line8"></div>
											<div class="line9"></div>
											<div class="line10"></div>
										</div>
									</div>
								</div>
							</li>
							<li>
								<span class="regist_font"><i class="font_fe">*</i>手机验证码：</span>
								<div class="regist_item_ifo regist_item_ifo6">
									<input id="yzm" type="text" placeholder="请输入手机验证码" style="width: 130px;">
									<button type="button" class="but-yzm">获取短信验证码</button>
									<div class="formError formError6" style="margin-top: 0px; opacity: 0.87; display: none; top: 5px; left: 150px;">
										<div class="formErrorContent">
											<label id="yzm_prompt" for="personalLoginName" class="error" style="display: block;">必须填写</label>
										</div>
										<div class="formErrorArrow">
											<div class="line3"></div>
											<div class="line4"></div>
											<div class="line5"></div>
											<div class="line6"></div>
											<div class="line7"></div>
											<div class="line8"></div>
											<div class="line9"></div>
											<div class="line10"></div>
										</div>
									</div>
								</div>
							</li>
							<li class="mar_t10">
								<p style="margin-left:175px;">
									<input type="checkbox" checked="checked">
									<a href="#">同意贵州电商云《用户协议》和《隐私声明》</a>
								</p>
							</li>
							<li>
								<button type="button" class="but-tj">同意协议并注册</button>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--主体结束-->
			<!--footer开始-->
			<div id="footer">
				<!--引入底部html-->
			</div>
			<!--footer结束-->
		</div>
	</body>

</html>